.history-versions-container {
  background: #F0EDF1;
  display: flex;

  ::ng-deep .ant-card-head {
    background: #F9F9F9;
    color: #333333;
    height: 60px;
    font-size: 15px;
    font-weight: bold;
  }

  .left {
    width: 600px;
    margin: 20px;
    background: #ffffff;
    height: calc(100vh - 120px);

    .row {
      display: flex;
    }
    .control-btn {
      width: 50px;
      line-height: 40px;
      margin-bottom: 10px;
      a.delete {
        color: orangered;
      }
    }

    .item-wrap {
      flex: 1;
      display: flex;
      position: relative;
      line-height: 40px;
      margin-bottom: 10px;
      border-bottom: 3px solid #FAF7FA;
      border-right: 3px solid #FAF7FA;
      color: #555555;
      cursor: pointer;
      .xh {
        background: url("../../../../assets/images/file/xh-bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 26px;
        height: 40px;
        line-height: 40px;
        text-align: center;
      }
      .time {
        margin-left: 15px;
        font-size: 16px;
      }
      .version {
        margin: 0 15px;
      }

      .new {

      }

      &.active {
        background: #F6F6F6;
        color: #0092F1;
        font-weight: bold;

        .xh {
          background: url("../../../../assets/images/file/xh-bg-select.png");
        }
      }
    }
  }

  .right {
    flex: 1;
    height: calc(100vh - 120px);
    margin: 20px 20px 20px 0;

    .extra-btns {
      [nz-button] {
        margin: 0 10px;
      }
    }
  }
}



